<template>
	<z-paging ref="paging" v-model="lists" @query="getapp">
		<!-- <template slot="top">
			<view  style="padding: 3vw 0;">
				<u-swiper :list="['/static/banner/img_banner_01.jpg', '/static/banner/img_banner_02.jpg','/static/banner/img_banner_03.jpg']" height="320rpx"  previousMargin="30" nextMargin="30" circular :autoplay="false" radius="5"
					bgColor="#ffffff"></u-swiper>
			</view>
		</template> -->
		<template>
			<view class="d-p-l-30 d-p-r-30">
				<view class="d-list-box d-m-t-20 d-p-20 d-flex d-col-top" @click="cardDetail">
					<u-image :src="picture" width="148rpx" height="148rpx" shape="circle"></u-image>
					<view class="d-m-l-20 d-flex-1">
						<view class="d-m-t-60 d-font-30 d-red">
							<text class="d-font-24">￥</text>
							<text class="d-bold">80</text>
						</view>
						<view class="d-font-30 u-line-1 d-white">票名：内馆游泳门票</view>
						<view class="d-font-30 u-line-1 d-xuxian"></view>
						<view class="d-font-30 u-line-1 d-white">场馆：海湾内馆</view>
						<u--input placeholder="请输入内容" border="surround" v-model="value" @change="change"></u--input>
						<keyboard :show="showIf"  ref="keyboard" @getPassword="getPassword"
							@hideKey="showIf=false"></keyboard>
						<!-- <u-keyboard ref="uKeyboard" mode="number" :show="show"></u-keyboard> -->
						<!-- <view class="d-flex d-m-t-18">
							<view class="d-tag d-flex">{{ item.specify }}</view>
						</view>
						<view class="d-font-24 d-be d-m-t-20">{{ item.tip }}</view>
						<view class="d-font-24 d-be d-m-t-20" style="margin-left: 47rpx;">{{ item.text }}</view> -->

					</view>
				</view>
			</view>
		</template>
	</z-paging>
</template>

<script>
	import {
		card,
		ticket
	} from '@/common/api';
	// import jpKeyboard from '@/components/jp-keyboard/jp-keyboard.vue';
	import keyboard from '@/components/dt-keyboard/dt-keyboard.vue';
	export default {
		components: {
			keyboard
		},
		data() {
			return {
				lists: [],
				picture: '../../static/qita/icon12.png',
				value: '',
				show: false,
				failIf: false,
				showIf: true
			};
		},
		onLoad(e) {
			if (e.token) {
				uni.$u.vuex('$token', e.token);
			}
		},
		methods: {
			getPassword(e) {
				console.log(e, '222222')
				this.value = e
				// if(e!='123456'){
				//     this.failIf = true
				//     this.$refs.keyboard.clear()
				//     setTimeout(()=>this.failIf = false,600)
				// }else{console.log('密码正确')}
			},
			change(e) {
				console.log('change', e);
			},
			async getapp(page, limit) {
				// try {
				// 	let result = this.current === 0 ? await ticket({
				// 		page,
				// 		limit
				// 	}) : await card({
				// 		page,
				// 		limit
				// 	});
				// 	this.$refs.paging.complete(result.data);
				// } catch (e) {
				// 	this.$refs.paging.complete(false);
				// }
			},
			cardDetail() {
				// uni.$u.route({
				// 	url: '/pages/login/login',
				// 	params: {
				// 		// id
				// 	}
				// });
			}
		}
	};
</script>

<style lang="scss" scoped>
	.d-list-box {
		box-shadow: 0rpx 13rpx 57rpx 0rpx rgba(8, 73, 162, 0.11);
		background: rgb(48, 182, 134);
		border-radius: 10rpx;
	}

	.d-tag {
		background: #f3f3f3;
		border-radius: 4rpx;
		height: 36rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #333333;
		padding: 0 18rpx;
	}

	.d-be {
		color: #bebebe;
	}

	.d-red {
		color: #ffffff;
		margin-top: 10rpx !important;
	}

	.d-white {
		color: #ffffff;
		margin-top: 10rpx !important;
	}

	.d-xuxian {
		width: 100%;
		height: 1rpx;
		border-bottom: 1px dashed white;
		margin-top: 10rpx;
	}

	.d-bold {
		font-weight: bold;

	}
</style>